<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Amend Department </title>
<link rel="stylesheet" href="css/style.css" type="text/css" />
<style>
.top {
	border: 0px solid #ccc;
	overflow: hidden;
	padding: 0;
	margin: 0;
	padding-bottom: 2px; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.top-left {
	border: 0px solid #ccc;
	font:bold 14px Arial,  Verdana, Helvetica, sans-serif;
	float: left;
	padding: 5px 0;
}
.top-right {
	border: 0px solid #ccc;
	float: right;
	text-align: right;
}
.details1 {
	overflow: hidden;
}
.content-left {
	float: left;
	padding-right: 20px;
	border: 0px solid #ccc;
}
.content-right {
	float: right;
	border: 0px solid #ccc;
}
.frm .field {
	display: table;
	margin: 5px;
}
.frm div label {
	width: 150px;
	word-wrap: break-word;
	display: table-cell;
    vertical-align: middle;
    position: static;
}
.frm textarea {
	width: 260px;
	height: 80px;
}
.frm input[type="text"], input[type="password"] {
	width: 260px;
}
.lstcbb {
	width:260px;
	height:95px;
	overflow-y:auto;
	border:1px solid #ccc;
	background-color: #fff;
	display:auto;
}
</style>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$(".tabContents").hide();
		$("#tab1").show(); 
		
		$("#tabContaier ul li a").click(function(){ 
			
			var activeTab = $(this).attr("href"); 
			$("#tabContaier ul li a").removeClass("active"); 
			$(this).addClass("active"); 
			$(".tabContents").hide(); 
			$(activeTab).fadeIn(); 
		});
	});
</script>
</head>
<body>
	<!-- Header -->

	<!-- End Header -->
	<div id="content">
	<div id="mainContainer">
	<div class="box">
		<div id="container-orglst">
			<h4><a href="#">Organisation > Directorate</a> </h4>
			<h1>Department Details </h1>
			<div id="tabContaier">
				<ul>

					<li><a class="active" href="#tab1">Details</a></li>
					<li><a class="active" href="#tab2">Teams</a></li>
					
					
				</ul>
				<div class="btn">
							<input type="button" value="In-active" />
							<a href="DepartmentList_MinhNQ6B.html"><input type="button" value="Save" /> </a>
							<a href="DepartmentList_MinhNQ6B.html"><input type="button" value="Back" /> </a>
				</div>
				
				<div class="tabDetails">
					<div id="tab1" class="tabContents details1">
						<form>
						<div class="content-left frm">
							<div class="field">
								<label for="dir_name">Department Name <span style="color: red;">*<span></label>
								<input type="text" name="name" value="" id="dir_name"/>
							</div>
							
							<div class="field">
								<label for="dir_description">Department Short Description <span style="color: red;">*<span></label>
								<textarea name="dir_description" id="dir_description"></textarea>
							</div>

							<div class="field">
								<label for="dir_contact">Lead Contact</label>
								<input type="text" name="dir_contact" value="" id="dir_contact" disabled style="width: 210px;" />
								<a href="#">Lookup</a>
							</div>
							
							<div class="field" style= "width:420px; margin-top:15px" >
								
								<label for="dir_contact">Copy Address from</label>
								
								<input type="radio" name="name"  id="radio_organ" style="margin-left:30px"/>
								<label for="radio_organ"  >Organisation </label>
								<input type="radio" name="name"  id="radio_parent" />
								<label for="radio_parent" >Parent </label>
								
								
							</div>
							
							<div class="field">
								<label for="dir_add1">Address Line 1 </label>
								<input type="text" name="dir_add1" value="" id="dir_add1"/>
							</div>
							
							<div class="field">
								<label for="dir_add2">Address Line 2 </label>
								<input type="text" name="dir_add2" value="" id="dir_add2"/>
							</div>
							
							<div class="field">
								<label for="dir_add3">Address Line 3 </label>
								<input type="text" name="dir_add3" value="" id="dir_add3"/>
							</div>
							
							<div class="field">
								<label for="dir_postcode">Post Code </label>
								<input type="text" name="dir_postcode" value="" id="dir_postcode" style="width: 210px;" />
								<a href="#">Lookup</a>
							</div>
							
							<div class="field">
								<label for="dir_town">Town/Village/City </label>
								<input type="text" name="dir_town" value="" id="dir_town"/>
							</div>
							
							<div class="field">
								<label for="dir_county">County </label>
								<input type="text" name="dir_county" value="" id="dir_county"/>
							</div>
							
							<div class ="field">
								<label for="dir_country">Country</label>
								<select name="dir_country" id="dir_country" >
									<option value="0"></option>
									<option value="me1">Viet Nam</option>
									<option value="me2">England</option>
									<option value="me3">US</option>
									<option value="me4">Japan</option>
									
								</select>
							</div>
							
							
							
						</div>
						
						<div class="content-right frm">
							<div class="field">
								<label for="dir_typebus">Type Of Business </label>
								<input type="text" name="dir_typebus" value="Non-profit" id="dir_typebus" disabled style="width: 210px;"/>
								<a href="#">Lookup</a>
							</div>
							
							<div class="field">
								<label for="dir_full_description">Department Full Description</label>
								<textarea name="dir_full_description" id="dir_full_description"></textarea>
							</div>
							
							<div class="field">
								<label for="dir_siccode">SIC Code </label>
								<input type="text" name="dir_siccode" value="123456" id="dir_siccode"/>
							</div>
							
							<div class="field">
								<label for="dir_phone">Phone Number</label>
								<input type="text" name="dir_phone" value="" id="dir_phone"/>
							</div>
							
							<div class="field">
								<label for="dir_fax">Fax</label>
								<input type="text" name="dir_fax" value="" id="dir_fax"/>
							</div>
							
							<div class="field">
								<label for="dir_email">Email</label>
								<input type="text" name="dir_email" value="" id="dir_email"/>
							</div>
							
							<div class="field">
								<label for="dir_web">Web Address</label>
								<input type="text" name="dir_web" value="http://fpt.com.vn" id="dir_web"/>
							</div>
							
							
							
						</div>
						
						</form>
					</div>
					
					
					
				</div>
			</div>
		</div>
	</div>
	</div>

    </div>
	<!-- Footer -->
	<!-- End Footer -->
</body>
</html>